﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Pandapod</title>
    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
    <style>
        html, body {
            margin: 0;
            padding: 0;
        }

        .img {
            width: 100%;
            height: 100% *(2605 / 1920);
        }

        .img img {
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var ua = navigator.userAgent;
            var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),

                isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),

                isAndroid = ua.match(/(Android)\s+([\d.]+)/),

                isMobile = isIphone || isAndroid;

            //判断

            if (isMobile) {
                $(".img img").attr("src", "img/mobile.jpg")
            }
            $(".img img").removeAttr("hidden")
//          } else {
//              $(".img img").attr("src", "img/index.png")
//          }
        });
    </script>
</head>

<body>
<div class="img">
    <img hidden="hidden" src="img/index.png"/>
</div>
</body>

</html>